$(document).ready(function(){
    $("#ccc").click(function(){

        var aa = $("#container").attr("data-change");

        if(aa == 0){
            // $("#asd").fadeToggle();
            // $("#asd1").fadeOut();
            // $("#list_items1").fadeOut();
            // $("#list_items2").fadeOut();
            // $("#list_items3").fadeOut();
            // $("#list_items4").fadeOut();
            $("#container").css({
                "transition":"transform 2s",
                "-moz-transition":"-moz-transform 2s", /* Firefox 4 */
                "-webkit-transition":"-webkit-transform 2s", /* Safari and Chrome */
                "-o-transition":"-o-transform 2s", /* Opera */
                "transform":"translate(-33.3333333%,0px)",
                "-ms-transform":"translate(-33.3333333%,0px)", /* IE 9 */
                "-moz-transform":"translate(-33.3333333%,0px)", /* Firefox */
                "-webkit-transform":"translate(-33.3333333%,0px)", /* Safari and Chrome */
                "-o-transform":"translate(-33.3333333%,0px)" /* Opera */
            });
            $("#container").attr("data-change","1");
            // $("#asd1").fadeOut();
            // $("#list_items1").fadeOut(3000);
            // $("#list_items2").fadeOut(3000);
            // $("#list_items3").fadeOut(3000);
            // $("#list_items4").fadeOut(3000);

        }else if(aa == 1){
            $("#container").css({
                "transition":"transform 2s",
                "-moz-transition":"-moz-transform 2s", /* Firefox 4 */
                "-webkit-transition":"-webkit-transform 2s", /* Safari and Chrome */
                "-o-transition":"-o-transform 2s", /* Opera */
                "transform":"translate(-66.6666666%,0px)",
                "-ms-transform":"translate(-66.6666666%,0px)", /* IE 9 */
                "-moz-transform":"translate(-66.6666666%,0px)", /* Firefox */
                "-webkit-transform":"translate(-66.6666666%,0px)", /* Safari and Chrome */
                "-o-transform":"translate(-66.6666666%,0px)" /* Opera */
            });
            // $("#asd1").fadeIn(3000);
            // $("#list_items1").fadeIn(3000);
            // $("#list_items2").fadeIn(3500);
            // $("#list_items3").fadeIn(4000);
            // $("#list_items4").fadeIn(4500);
            $("#container").attr("data-change","2");
        }else{
            $("#container").css({
                "transition":"transform 0s",
                "-moz-transition":"-moz-transform 0s", /* Firefox 4 */
                "-webkit-transition":"-webkit-transform 0s", /* Safari and Chrome */
                "-o-transition":"-o-transform 0s", /* Opera */
                "transform":"translate(0px,0px)",
                "-ms-transform":"translate(0px,0px)", /* IE 9 */
                "-moz-transform":"translate(0px,0px)", /* Firefox */
                "-webkit-transform":"translate(0px,0px)", /* Safari and Chrome */
                "-o-transform":"translate(0px,0px)" /* Opera */
            });
            $("#container").attr("data-change","0");
        }/*循环*/
    });
    // setInterval(function(){
    //
    // },3000);
});
